<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>夺宝列表</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="__PUBLIC__/Product/css/db_popularity.css">
		<link rel="stylesheet" href="__PUBLIC__/Product/css/lib/animate.css">
		<script src="__PUBLIC__/Product/js/lib/flexible.js"></script>
		<style type="text/css">
			.jflg_header {
				width: 100%;
				height: 1rem;
				background: linear-gradient(to right, #6951bc, #a163e0);
				position: relative;
			}
			
			.jflg_header p {
				font-size: 0.48rem;
				line-height: 1rem;
				text-align: center;
				color: white;
			}
			
			.jflg_header img {
				width: 0.226667rem;
				height: 0.453333rem;
				position: absolute;
				bottom: 0.28rem;
				left: 0.266667rem;
			}
			
			.popularity_box div {
				text-align: center;
				height: 5.893333rem;
				width: 4.48rem;
				margin-left: 0.266666rem;
				float: left;
				margin-bottom: 1.5rem;
			}
			
			.popularity_box div p:nth-child(3) {
				width: 2.133333rem;
				height: 0.666666rem;
				background: #9F63DF;
				border-radius: 0.053333rem;
				font-size: 0.32rem;
				color: #ffffff;
				line-height: 0.666666rem;
				margin-bottom: 0.24rem;
				margin-left: 1.2rem;
				margin-top: .3rem;
			}
		</style>
	</head>

	<body style="background-color: #f4f4f4;">
		<div class="jflg_header">
			<img src="__PUBLIC__/Product/img/fanhui.png" alt="返回" onclick="window.location.href='db_popularity.html'">
			<p>夺宝列表</p>
		</div>
		<div class="popularity_box">

		</div>
	</body>

</html>
<script src="__PUBLIC__/Product/js/lib/jquery3.2.1.js"></script>
<script src="__PUBLIC__/Product/js/Indiana_list.js"></script>